﻿{% extends "_layout.html" %}

{# 样式代码 #}
{% block style %}
    <link href="{{ ctx.app.config.staticUrl }}/css/index.css" rel="stylesheet" >
{% endblock %}

{# body代码#}
{% block body %}
    <!--container start-->
	<div class="container_dishes" id="dishes" style="background: url({{ ctx.app.config.staticUrl }}/images/dishes_bg.jpg) repeat-y">
		<div class="dishes_top" style="background: url({{ ctx.app.config.staticUrl }}/images/dishes_01.png) no-repeat center;">
			<div class="title">碳烤大龙虾</div>
			<div class="intro">从历史沿革看，中国饮食文化绵延1700年，分为生食、熟食、自然烹饪、科学烹饪4个发展阶段，推出6万多种传统菜点、2万多种工业食品。</div>
		</div>
		<div class="container">
			<div class="dishes_title">食材展示</div>
			<div class="dishes_title_img">
				<img src="img/title.png"/>
			</div>
			<div class="dishes_box">
				<div class="dishes_left fl">
					<div class="dises_img">
						<img src="{{ ctx.app.config.staticUrl }}/images/dishes_02.png"/>
					</div>
				</div>
				<div class="dishes_right fr">
					<div class="dishes_name">主食材：XX龙虾</div>
					<div class="dishes_info">我们的甄选的食材都是进口我们的甄选的食材都是进口我们</div>
					<div class="food_material">
						<ul>
							<li class="fl">01. 日本樱花</li>
							<li class="fl">02. 小麦淀粉</li>
							<li class="fl">03. 食用油</li>
							<li class="fl">04. 白糖</li>
							<li class="fl">05. 日本樱花</li>
							<li class="fl">06. 小麦淀粉</li>
							<li class="fl">07. 食用油</li>
							<li class="fl">08. 白糖</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="dishes_box">
				<div class="dishes_right fl">
					<p>我们的甄选的食材都是进口我们的甄选的食材都是进口我们我们的甄选的食材都是进口我们的甄选的食材</p>
					<p>我们的甄选的食材都是进口我甄选的食材都是</p>
				</div>
				<div class="dishes_left fr">
					<img src="{{ ctx.app.config.staticUrl }}/images/dishes_03.png"/>
				</div>
			</div>
			<div class="dishes_title">烹饪过程</div>
			<div class="dishes_title_img">
				<img src="img/title.png"/>
			</div>
			<div class="dishes_list">
				<ul>
					<li>
						<div class="dishes_list_left">
							<img src="{{ ctx.app.config.staticUrl }}/images/dishes_06.png"/>
						</div>
						<div class="dishes_list_right">
							<div class="cook_title">选取龙虾.<span>01</span></div>
							<p>将选好的龙虾放进滚开的沸水中，十分钟之后捞起。将选好的龙虾放进滚开的沸水中，十分钟</p>
						</div>
					</li>
					<li>
						<div class="dishes_list_left">
							<img src="{{ ctx.app.config.staticUrl }}/images/dishes_06.png"/>
						</div>
						<div class="dishes_list_right">
							<div class="cook_title">选取龙虾.<span>02</span></div>
							<p>将煮好后的龙虾用刀子沿中间线切开，刀法要快、准、狠、然后在。。</p>
						</div>
					</li>
					<li>
						<div class="dishes_list_left">
							<img src="{{ ctx.app.config.staticUrl }}/images/dishes_06.png"/>
						</div>
						<div class="dishes_list_right">
							<div class="cook_title">刷酱汁.<span>03</span></div>
							<p>将煮好后的龙虾用刀子沿中间线切开刀法要快、准、狠、然后在将煮好</p>
						</div>
					</li>
					<li>
						<div class="dishes_list_left">
							<img src="{{ ctx.app.config.staticUrl }}/images/dishes_06.png"/>
						</div>
						<div class="dishes_list_right">
							<div class="cook_title">装盘.<span>04</span></div>
							<p>将煮好后的龙虾用刀子沿中间线切开，刀法要快、准、狠、然后在。。</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="dishes_bot" style="background: url({{ ctx.app.config.staticUrl }}/images/dishes_05.png) no-repeat center;"></div>
	</div>
	<!--container end-->
{% endblock %}
{#js代码#}
{% block js %}
    <script type="text/javascript" src="{{ ctx.app.config.staticUrl }}/js/index.js"></script>
{% endblock %}